.shopIofoMain{
    .shopInfoHeader{
        height: 212px;
        background-color: #ffffff;
        .headerL{
            float: left;
            width: 180px;
            height: 212px;
            padding: 0 0 0 10px;
            position: relative;
            img{
                display: block;
                width: 170px;
                height: 170px;
            }
            p{
                width: 100%;
                height: 30px;
                line-height: 30px;
                text-align: center;
                font-size: 14px;
                background-color: #e8e8e8;
                color: #000000;
            }
            input{
                width: 180px;
                height: 30px;
                position: absolute;
                bottom:10px;
                opacity: 0;
            }
        }
        .headerR{
            float: left;
            width: 350px;
            height: 150px;
            p:nth-of-type(1){
                font-size: 16px;
                color: #000000;
                width: 100%;
                height: 44px;
                line-height: 44px;
                border-bottom: 2px dashed #b4b5ba;
                padding-left: 10px;
            }
            p:nth-of-type(2){
                font-size: 14px;
                color: #b4b5ba;
                padding-left: 10px;
            }
            p:nth-of-type(3){
                font-size: 14px;
                color: #000000;
                padding-left: 10px;
                margin-top: 24px;
            }
            button{
                display: block;
                outline:none;
                font-size: 14px;
                background-color: #000000;
                color: #ffffff;
                text-align: center;
                width: 80px;
                height: 26px;
                line-height: 26px;
                border: none;
                border-radius: 6px;
                margin-left: 10px;
            }
        }
    }
    .remind{
        height: 45px;
        line-height: 45px;
        background-color: #d1dcea;
        .remindInfo{
            width: 140px;
            height: 100%;
            padding-left: 22px;
            font-size: 18px;
            background-color: #000000;
            color:#ffffff;
            border-radius: 0 23px 23px 0;
        }
        .ivu-row{
            background-color: #ffffff;
            padding: 16px 46px;
            div:nth-of-type(1),div:nth-of-type(2){margin-right: 43px;}
            div{
                float: left;
                width: 340px;
                height: 134px;
                position: relative;
                img{
                    display:block;
                    width: 100%;
                    height: 100%;
                }
                span{
                    position: absolute;
                    top: 30px;
                    left: 14px;
                    color: #ffffff;
                    font-size: 30px;
                }
                p{
                    position: absolute;
                    width: 100%;
                    height: 34px;
                    line-height: 34px;
                    font-size: 14px;
                    text-align: center;
                    bottom: 0;
                }
            }
            div:nth-of-type(1) p{background-color: #529baa;}
            div:nth-of-type(2) p{background-color: #eab400;}
            div:nth-of-type(3) p{background-color: #c37f79;}
        }
    }
    .ivu-icon{
        vertical-align: middle;
    }
    .ivu-icon-ios-bell-outline:before{
        font-size: 24px;
    }
}